<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8" isELIgnored="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<title>数据 - AdminLTE2定制版 | Log in</title>

	<meta
			content="width=device-width,initial-scale=1,maximum-scale=1,userInfo-scalable=no"
			name="viewport">

	<link rel="stylesheet"
		  href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet"
		  href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet"
		  href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
	<link rel="stylesheet"
		  href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
	<link rel="stylesheet"
		  href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
</head>

<body class="hold-transition login-page">

<%--记住密码--%>
<%
    String email = "";
    String password = "";
    String ck = "";
    //获取cookie
    Cookie[] cookies = request.getCookies();
    if (cookies != null) {
        //遍历cookies
        for (int i = 0; i < cookies.length; i++) {
            String key = cookies[i].getName();
            if ("remember".equals(key)) {
                String emailAndPwd = cookies[i].getValue();
                email = emailAndPwd.split(",")[0];
                password = emailAndPwd.split(",")[1];
                ck = "checked";
            }
        }
        //获取的用户名和密码存放在request作用域下
        request.setAttribute("email", email);
        request.setAttribute("password", password);
        request.setAttribute("ck", ck);
    }
%>



<div class="login-box">
	<div class="login-logo">
		<a href="all-admin-index.html"><b>ITCAST</b>后台管理系统</a>
	</div>
	<!-- /.login-logo -->
	<div class="login-box-body">
		<p class="login-box-msg">登录系统</p>

		<form action="${pageContext.request.contextPath}/system/user/login" method="post">
			<div class="form-group has-feedback">
				<input type="text" name="email" class="form-control" value="${email}"
					   placeholder="邮箱"> <span
					class="glyphicon glyphicon-envelope form-control-feedback"></span>
			</div>
			<div class="form-group has-feedback">
				<input type="password" name="password" class="form-control" value="${password}"
					   placeholder="密码"> <span
					class="glyphicon glyphicon-lock form-control-feedback"></span>
			</div>
			<div class="row">
				<div class="col-xs-8">
					<div class="checkbox icheck">
						<label><input type="checkbox" value="1" name="ck"> 记住账密</label>
					</div>
				</div>

				<!-- /.col -->
				<div class="col-xs-4">
					<button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
				</div>
				<!-- /.col -->
			</div>
		</form>

		<a href="#">忘记密码</a><br>

	</div>
	<!-- /.login-box-body -->
</div>
<!-- /.login-box -->

<!-- jQuery 2.2.3 -->
<!-- Bootstrap 3.3.6 -->
<!-- iCheck -->
<script
		src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
<script
		src="${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
<script
		src="${pageContext.request.contextPath}/plugins/iCheck/icheck.min.js"></script>
<script>
    var msg = '${msg}';
    if ("false" == msg) {
        alert("用户名或密码输入错误,请重新输入");
    }
</script>

<script>
    $(function () {
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass: 'iradio_square-blue',
            increaseArea: '20%' // optional
        });
    });
</script>
</body>

</html>